<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<link rel="stylesheet" href="../css/account/header.css">
<link rel="stylesheet" href="../css/account/finder.css" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<script src="../js/home/searchMember.js"></script>
<!-- 헤더 부분 -->
<div id="header">
	<div class="mainForm header">
		<div class="home">
		</div>
		<div class="logo">
		<s:if test="%{loginId != null}">
			<a href="../member/goHome.action?email=<s:property value="loginId"/>">
				<i class="fa fa-heart"></i>
			</a>
		</s:if>
		<s:else>
			<a href="../member/goLoginPage.action">
				<i class="fa fa-heart"></i>
			</a>
		</s:else>
		</div>
		<s:if test="%{loginId != null}">
		<div class="find">
			<input type="text" placeholder="친구를 찾으세요" />
			<div class="searchIcon">
				<i class="fa fa-search"></i>
			</div>
			<div class="searchResult">
				<div class="searchLoading">
					<img src="../image/signup/ajax-loader.gif" />
					<span>검색결과가 없습니다</span>
				</div>
				<div class="showResult"></div>
			</div>
		</div>
		<div class="info"><i class="fa fa-cog"></i></div>
		</s:if>
	</div>
	<!-- profile menu -->
	<div class="mainForm">
	<s:if test="%{loginId != null}">
		<div id="profileMenu">
			<ul>
				<li>
					<a href="../photo/profileUploadForm.action?email=<s:property value='email' />">
						<div class="headerMenu menu_profile">
							<i class="fa fa-home"></i> 프로필
						</div>
					</a>
				</li>
				<br>
				<li>
				<s:if test='%{memberVo.hasBaby=="Y"}'>
					<a href="../baby/goBabyInfo.action?email=<s:property value='email' />">
						<div class="headerMenu menu_graph"><i class="fa fa-area-chart"></i> 그래프</div>
					</a>
				</s:if>
				<s:else>
					<div class="headerMenu menu_graph not_activated">
						<i class="fa fa-area-chart"></i> 그래프
					</div>
				</s:else>
				</li>
				<br>
				<li>
					<a href="../calendar/goCalendar.action?email=<s:property value='email' />">
						<div class="headerMenu menu_schedule">
							<i class="fa fa-calendar"></i> 스케쥴
						</div>
					</a>
				</li>
				<br>
				<li>
					<a href="../friends/goFindFriend.action?email=<s:property value='email' />">
						<div class="headerMenu menu_myfriend">
							<i class="fa fa-users"></i> 친구 찾기
						</div>
					</a>
				</li>
				<br>
				<li>
					<a href="../board/goBoardList.action">
						<div class="headerMenu menu_board">
							<i class="fa fa-comments-o"></i> 정보 커뮤니티
						</div>
					</a>
				</li>
				<br>
				<li>
					<a href="../account/logout.action">
						<div class="headerMenu menu_logout">
							<i class="fa fa-sign-out"></i> 로그아웃
						</div>
					</a>
				</li>
			</ul>
		</div>
	</s:if>
	</div>
</div>